<script>
  export let height = "24px";
  export let width = "24px";
  export let color = "grey";
</script>

<svg
  {width}
  {height}
  viewBox="0 0 18 17"
  fill="none"
  xmlns="http://www.w3.org/2000/svg"
>
  <g opacity="0.9">
    <mask
      id="mask0_11372_43373"
      style="mask-type:alpha"
      maskUnits="userSpaceOnUse"
      x="0"
      y="0"
      width="18"
      height="17"
    >
      <rect x="0.100098" width="17" height="17" fill="#D9D9D9" />
    </mask>
    <g mask="url(#mask0_11372_43373)">
      <path
        d="M1.51687 6.375V3.54167C1.51687 3.15208 1.65558 2.81858 1.93301 2.54115C2.21044 2.26372 2.54395 2.125 2.93353 2.125H14.2669C14.6565 2.125 14.99 2.26372 15.2674 2.54115C15.5448 2.81858 15.6835 3.15208 15.6835 3.54167V6.375H14.2669V3.54167H2.93353V6.375H1.51687ZM2.93353 12.75C2.54395 12.75 2.21044 12.6113 1.93301 12.3339C1.65558 12.0564 1.51687 11.7229 1.51687 11.3333V7.79167H2.93353V11.3333H14.2669V7.79167H15.6835V11.3333C15.6835 11.7229 15.5448 12.0564 15.2674 12.3339C14.99 12.6113 14.6565 12.75 14.2669 12.75H2.93353ZM0.808533 14.875V13.4583H16.3919V14.875H0.808533ZM1.51687 7.79167V6.375H5.76687C5.89673 6.375 6.02069 6.41042 6.13874 6.48125C6.2568 6.55208 6.34534 6.64653 6.40437 6.76458L7.23666 8.41146L9.41478 4.60417C9.47381 4.49792 9.55645 4.41233 9.6627 4.3474C9.76895 4.28247 9.88701 4.25 10.0169 4.25C10.1467 4.25 10.2707 4.28247 10.3887 4.3474C10.5068 4.41233 10.5953 4.50972 10.6544 4.63958L11.5221 6.375H15.6835V7.79167H11.0794C10.9495 7.79167 10.8255 7.7592 10.7075 7.69427C10.5894 7.62934 10.5009 7.53194 10.4419 7.40208L9.98145 6.46354L7.80332 10.2708C7.7443 10.3889 7.65576 10.4774 7.5377 10.5365C7.41964 10.5955 7.29569 10.625 7.16582 10.625C7.03596 10.625 6.91496 10.5896 6.8028 10.5188C6.69065 10.4479 6.60506 10.3535 6.54603 10.2354L5.32416 7.79167H1.51687Z"
        fill={color}
      />
    </g>
  </g>
</svg>
